html {
  font-size: 10px;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: Helvetica, Arial;
}

.page-main-content {
  font-size: 1.6rem;
  color: #e6e6e6;
  display: flex;
}

#loading {
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 32px;
  background-color: #00264d;
  color: #ffffff;
}

ul,
li {
  list-style: none;
}

html,
body,
.page-main-content {
  height: 100vh;
}
.left-price,
.content-row-list {
  display: flex;
  flex-direction: column;
}
.left-price>ul li{
  color: #FFFFFF;
}
.left-price>ul,
.content-row-list>.project-content-list {
  height: 100%;
}

.left-price>ul,
.content-row-list>.project-content-list {
  display: flex;
  flex-direction: column;
}

.left-price>ul li,
.content-row-list>.project-content-list li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
}

.content-row-list>.project-content-list li div:hover {
  background-color: #00264d;
}

/*���ñ�����ɫ*/
.left-price>ul li,
.row-list-top-header {
  background: #0d2033;
}

.project-content-list,
.left-price-top-type {
  background: #001428;
}

.border-right {
  border-right: 1px solid;
}

aside.left-price {
  max-width: 130px;
  flex-shrink: 0;
  text-align: center;
}

aside.left-price .left-price-top-type {
  font-weight: bold;
  color: #ffc000;
  height: 72px;
  line-height: 72px;
  width: 115px;
  text-align: center;
}

main.content-row-list {
  flex-grow: 1;
}

.row-list-top-header {
  height: 72px;
  display: flex;
  width: 100%;
  font-size: 26px;
}

.row-list-top-header li {
  flex-grow: 1;
  text-align: center;
  justify-content: space-evenly;
}

.row-list-top-header li .cq-month {
  display: flex;
  height: 36px;
  line-height: 36px;
}

.row-list-top-header li .year-cq {
  height: 36px;
  line-height: 36px;
}

.row-list-top-header li .cq-month span {
  display: block;
  flex-grow: 1;
  flex-shrink: 0;
}

.project-content-list li {
  display: flex;
}

.project-content-list li.borderBottom {
  border-bottom: 1px solid #e6e6e6;
}

.project-content-list li>div {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  font-size: 20px;
  width: calc(100% / 12);
}

.project-content-item.menu-show {
  background-color: #00264d;
}


.modal-content .layui-form {
  width: 1000px;
  padding: 20px 30px 60px 30px;
}

.modal-content .layui-form .layui-form-item {
  display: flex;
}

.modal-content .layui-form .layui-form-item .layui-form-label {
  width: 180px;
}

.modal-content .layui-form .layui-form-item .layui-input-block {
  flex-grow: 1;
  margin-left: 0;
}

.modal-content .layui-form .layui-form-item .layui-input-block-button-wrapper {
  text-align: center;
  padding-top: 30px;
}

@media screen and (min-width: 1920px) {
  .page-main-content {
    font-size: 2.4rem;
  }
}

@media screen and (min-width: 2560px) {
  .page-main-content {
    font-size: 2.8rem;
  }
}

.layui-layer-title {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

.layui-show-container-2022 .layui-row {
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}

.layui-show-container-2022 .layui-row:nth-child(odd) {
  background: #cd5d0d57;
}

.layui-show-container-2022 .layui-row>div:first-child {
  text-align: right;
  padding: 0 20px;
}

span.project-content-item-span {
  position: relative;
}

.product-G-icon {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  box-sizing: border-box;
  left: -0.625em;
  top: -0.625em;
  text-align: center;
  border-radius: 50%;
  background-color: #001428;
  border: 4px solid red;
  width: 2.5em;
  height: 2.5em;
  font-size: 50%;
  box-shadow: 3px 3px 10px rgb(0 0 0 / 50%);
}

span.project-content-item-span.color-Green {
  background-color: green;
}

span.project-content-item-span.color-Green .product-G-icon {
  border-color: green;
}

span.project-content-item-span.color-Orange {
  background-color: orange;
}

span.project-content-item-span.color-Orange .product-G-icon {
  border-color: orange;
}

.mouseover-effect {
  background-color: #dddddd !important;
}
